<template>
    <div class="wrapper___3xhNP" >
        <div class="hotSpotWrap___Ry94k">
            <div class="mapTap___1k3MH">
                <i></i>
                <img class="titleImg___1c8PB" src="../assets/img/hot.png" alt="">
                <p class="watchMore___27yY3" @click="goFunc">
                    <span>
                        查看更多
                        <img src="../assets/img/policy_icon4.png" alt="">
                    </span>
                </p>
            </div>
            <div>
                <div class="hotSpotWrap___kDJ5w" v-for="item in newsInfo" :key="item.id">
                    <div class="block___1MyB8 brief___LjQep">
                        <div class="blockContent___1NlaE">
                            <div class="blockTitle___69lvT">
                                <div class="blockTag___4nZ-7 tag-1___19PDT">最新</div>
                                <span>{{item.title}}</span>
                            </div>
                            <div class="blockTime___1VTIi">{{item.pubDateStr}}</div>
                        </div>
                        <div class="blockFooter___3XObc">
                            <a :href="item.sourceUrl"><img src="../assets/img/policy_icon3.png" alt=""></a>
                        </div>
                    </div>
                    <div class="briefMargin___fdUUG"></div>
                </div>
                
                
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'EpidemicHot',
    props:["newsInfo"],
    data() {
        return {

        };
    },
    mounted() {

    },
    methods: {
        goFunc() {
            this.$notify({ type: "warning", message: "此功能未开发" });
        }
    }
};
</script>

<style scoped lang="less">
@import url('../assets/css/EpidemicHot.less');
</style>
